<template>
  <!--查看学生信息弹框-->
  <div>
    <edu-dialog :title="$t('graduationDesign.viewStudentInfo')" width="50%" @close="onClose" :visible="dialogVisible">
      <el-form :model="studentForm" ref="studentForm" label-position="right" label-suffix="：" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.studentId')">
              <span>{{studentForm.studentId}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.name')">
              <span>{{studentForm.studentName}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.gender')">
              <span>{{studentForm.sex === "1" ? $t('graduationDesign.male') : $t('graduationDesign.female')}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.grade')">
              <span>{{studentForm.grade}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.college')">
              <span>{{studentForm.collegeI18n}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('graduationDesign.major')">
              <span>{{studentForm.subjectName}}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="buttons">
        <el-button @click="onClose">{{$t('graduationDesign.return')}}</el-button>
      </div>
    </edu-dialog>
  </div>
</template>
<script>

export default {
  name: 'stuInfoDialog',
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    },
    studentForm: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {};
  },
  mounted() { },
  methods: {
    onClose() {
      this.$emit("stu-close");
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
